//基础css样式
@base-color:#45A2FF;
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  /*font-family: "苹方 常规";*/
  font-family: "苹方 常规";
  vertical-align: baseline;
  text-decoration: none;
  list-style: none;
  font-weight: normal;
  font-style: normal;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
  background-color: #f3f3f3;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  border-radius: 3px;
}
//select清楚默认下拉样式
.layui-page select {
  width: 100px!important;
  height: 30px;
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: solid 1px #000;

  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;

  /*在选择框的最右侧中间显示小箭头图片*/
  background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;


  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding: 14px;
  box-sizing: border-box;
}


/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }
//input 与select选中颜色
.layui-laypage input:focus, .layui-laypage .layui-laypage-limits select:focus{
  border-color: #45a2ff!important;
}
.f_left{
  float: left;
}
.f_right{
  float: right;
}
.textalign_left{
  text-align: left;
}
.clearfix::after{
  content:"";
  height:0;
  line-height:0;
  display:block;
  visibility:hidden;
  clear:both;
}
.clearfix{
  zoom:1;
}
.w{
  margin:0 auto;
}
//登录框input样式
input{
  outline: none;
  border: none;
  display: block;
  padding-left: 40px;
  border: 1px solid #b3b3b3;
  color: #999;
  border-radius: 3px;
  font-family: "苹方 常规";
  border-radius: 3px;
}
.layui-input, .layui-select, .layui-textarea{
  border:1px solid #cccccc!important;
}
.layui-form-pane .layui-input{
  border-radius: 3px 3px 3px 3px!important;
}
//头部公共部分的样式
.easytrip-header{
  background-color: @base-color;
  width: 1920px;
  height: 80px;
  line-height: 80px;
  //图标样式
  .easytrip-selectbutton{
    display: block;
    color: #fff;
    font-size: 30px;
    float: left;
    margin-left: 25px;
  }
  .easytrip-logosm{
    display: block;
    width: 126px;
    height: 62px;
    background: url("../images/logosmall.png");
    margin-left: 45px;
    margin-top: 8px;
    background-size: cover;
    float: left;
  }
  .easytrip-logotext{
    color: #fff;
    font-size: 30px;
    float: left;
    margin-left:115px;
  }
  .easytrip-headerselect{
    float: right;
    font-size: 16px;
    .header-select-active{
      background-color: #0072e3;
    }
    li:hover{
      background-color: #0072e3;
    }
    a{
      color: #fff;
    }
    .easytrip-headerselectleft{
      width: 160px;
      height: 80px;
      border-left: 1px solid #7CBDFF;
      float: left;
      box-sizing: border-box;
      line-height: 80px;
      position: relative;
      cursor: pointer;
      .easytrip-selectbutton{
        display: block;
        color: #fff;
        font-size: 30px;
        float: left;
      }
      .easytrip-headerselectcontent{
        float: left;
        height: 80px;
        position: relative;
        margin-left: 12px;
        a{
          display: block;
          line-height: 40px;
        }
        .easytrip-selectusername{
          margin-top: 20px;
        }
        .easytrip-selectset{
          float: left;
          height: 35px;
        }
        .easytrip-selectquit{
          float: right;
        }
      }
      .easytrip-headerpersonal{
        position: absolute;
        top: 80px;
        z-index: 99;
        width: 160px;
        height: 100px;
        line-height: 50px;
        background-color: #FFFFFF;
        box-shadow: 0 0 5px #ddd;
        display: none;
        i{
          font-size: 18px;
          color: #404040;
          margin-right: 10px;
        }
        div{
          text-align: center;
          color: #404040;
          font-size: 16px;
          font-family:"苹方 常规";
          cursor: pointer;
          a{
            color: #404040;
          }
        }
        div:hover{
          background-color: #ebf5ff;
          color: #45a2ff;
          i{
            color: #45a2ff;
          }
          a{
            color: #45a2ff;
          }
        }
      }
    }
    .easytrip-headerfunction{
      float: left;
      width: 130px;
      height: 80px;
      border-left: 1px solid #7CBDFF;
      cursor: pointer;
      padding-left: 20px;
      position: relative;
      //职能管理下拉
      .easytrip-function-select{
        position: absolute;
        top: 80px;
        left: 0px;
        z-index: 99;
        width: 150px;
        height: 150px;
        line-height: 50px;
        background-color: #FFFFFF;
        display: none;
        -webkit-box-shadow: 0 0 5px  #ddd;
        -moz-box-shadow:  0 0 5px #ddd;
        box-shadow:  0 0 5px  #ddd;
        i{
          font-size: 20px;
          color: #404040;
          margin-right: 10px;
        }
        div{
          text-align: center;
          color: #404040;
          font-size: 16px;
          font-family:"苹方 常规";
          cursor: pointer;
          a{
            color: #404040;
          }
        }
        div:hover{
          background-color: #ebf5ff;
          color: #45a2ff;
          i{
            color: #45a2ff;
          }
          a{
            color: #45a2ff;
          }
        }
      }
     .easytrip-selectbutton{
       margin-left: 0px;
     }
      a{
        margin-left: 5px;
      }
    }
    .easytrip-headerselectright{
      width: 140px;
      height: 80px;
      border-left: 1px solid #7CBDFF;
      float: left;
      text-align: center;
      cursor: pointer;
    }
  }
}
//头部导航
#public-style{
  height: 100%;
}
.content{
  width: 1920px;
  background-color: #fff;
}
.easytrip-headernav{
  width: 1920px;
  padding-left: 250px;
  font-size:14px;
  line-height: 40px;
  box-sizing: border-box;
  .layui-breadcrumb a:hover {
    color: #45a2ff!important;
  }
  a:hover{
    color: #45a2ff;
  }
  i{
    font-size: 16px;
  }
}
  //切换样式
.side-active{
  background-color: @base-color;
  color: #fff!important;
}
.sideactive{
  background-color: @base-color;
  color: #fff!important;
}
//头部导航选中样式
.navactive{
  color: @base-color;
}
//侧边栏公共样式
.col-main{ float:left; width:100%; min-height:1px; }
.col-sub,.col-extra { float:left; }
.layout:after,.main-wrap:after,.col-sub:after,.col-extra:after { content:'\20'; display:block; height:0; clear:both; }
.layout,.main-wrap,.col-sub,.col-extra { zoom:1; }
/* Common Features */
.hidden { display:none; }
.invisible { visibility:hidden; }
/*!* For non ie browsers also display the vertical scroll bar by default, to prevent the flicker caused by the scroll bar *!
html { overflow-y:scroll; }
!* Default link styles *!
a:link,a:visited { text-decoration:none; }
a:hover,a:active { text-decoration:underline; }*/
.wrap {
  width: 240px;
  background: #fff;
  float: left;
}
.all-sort-list {
  position:relative;
  width:240px;
  margin-right:10px;
  border-top:none;
  padding:3px 3px 3px 0px;
}
.all-sort-list .item {
  height:60px;
  text-align: center;
  cursor: pointer;
  color:#2a2a2a;
}
.all-sort-list .item h3:hover{
  background-color:@base-color;
  color: #fff;
}
.all-sort-list .item h3 {
  height:60px;
  line-height:60px;
  border:1px;
  font-size:18px;
  width:240px;
  overflow:hidden;
  color:#2a2a2a;
  s{
    position: absolute;
    width: 10px;
    display: block;
    height: 10px;
    top: 75px;
    left: 160px;
    border-radius: 50%;
    background-color: #ff1d00;
  }
}
.all-sort-list .hover h3 {
  position:relative;
  z-index:13;
  background:#FFF;
  border-color:#DDD;
  border-width:1px 0px;
  border-style:solid;
}
.all-sort-list .item i {
  padding:0px 20px;
  font-size: 18px;
}
.all-sort-list .item a {
  text-decoration:none;
  color: #2a2a2a;
}


.all-sort-list .item-list {
  display:none;
  position:absolute;
  min-width: 160px;
  min-height:60px;
  background:#FFF;
  left:240px;
  border:1px solid #DDD;
  top:3px;
  z-index:10;
  font-size:30px;
  color: #404040;
  font-size: 14px;
  -webkit-box-shadow: 0px 0px 10px #868686;
  -moz-box-shadow: 0px 0px 10px #868686;
  box-shadow: 0px 0px 10px #868686;
  .subitem{
    padding:20px;
    font-size: 14px;

    dl{
      padding: 10px;
        a:hover{
          color:#45a2ff;
        }
      a:focus{
        color: #b3b3b3;
      }
      dt{
      }

    }
  }
}
.item-list.systemsub{
  .subitem{
    float: left;
    position: relative;
    .subitem-active{
      display: block;
    }
    dl{
      margin-left: 20px ;
    }
    .extra-tips{
      display: none;
      position: absolute;
      top:10px;
      left: 150px;
      width: 160px;
      min-height: 60px;
      margin: 20px 0;
      border-left:1px solid #e1e1e1;
      .usercontrol{
        display:none;
      }
      .platformcontrol{
        display: none;
        a{
          display: block;
        }
      }
    }
  }
}
//侧边栏内容

//价格的通用颜色
.roomstyle-price{
  color: #ff6769;
}
.roomstyle-price1{
  color: @base-color;
}
//比上期订单数少的颜色
.reduce-color{
  color: #ffc468;
}
//产品页面搜索框样式
.easytrip-productheader{
  width: 100%;
  height: 80px;
  position: relative;
  line-height: 80px;
  padding-left:20px;
  box-sizing: border-box;
  .hotelname{
    font-size: 16px;
    color: #2a2a2a;
    float: left;
  }
  input{
    width: 408px;
    height: 36px;
    float: left;
    border:1px solid #e1e1e1;
    border-radius: 3px;
    margin-top: 20px;
    font-size:16px;
    color: #999;
    padding-left: 10px;
    padding-bottom: 2px;
  }
  input:hover{
    border-color: @base-color;
  }
  i{
    width: 38px;
    height: 38px;
    border-radius: 0 2px 2px 0 ;
    color: #a2a3a4;
    background-color: #e7eef4;
    position: absolute;
    top:21px;
    right:1151px;
    font-size: 25px;
    text-align: center;
    line-height: 38px;
    cursor: pointer;
  }
  i:hover{
    width: 39px;
    height: 40px;
    top: 20px;
    background-color: @base-color;
    color: #fff;
    border-radius: 0 3px 3px 0 ;
  }
  .hysearch{
    font-size: 16px;
    color: #818181;
    float: left;
    margin-left:20px;
    margin-right:487px;
    cursor: pointer;
  }
  .hysearch:hover{
    color: @base-color;
  }
  .hide-list{
    color: #45a2ff;
    margin-right: 20px;
    font-size: 16px;
     cursor: pointer;
  }
  ul{
    .platform{
      color: #2a2a2a;

    }
    li{
      a{
        color: #45A2FF;
      }
      font-size: 16px;
      float: left;
      margin:0 10px;
    }
  }
}
//按钮样式
.button1,.button2{
  width: 120px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 3px;
  cursor: pointer;
}
.button2{
  color: #fff;
  background-color: @base-color;
}
.button1{
  color: #404040;
  background-color: #fff;
  border:1px solid #e1e1e1;
}
.button3{
  border:1px solid #45a2ff;
  color: #45a2ff;
  height: 28px;
  width: 78px;
  text-align: center;
  line-height: 28px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
}
.button4{
  background-color: #ffaa25!important;
}
.button2:hover{
  opacity: 0.6;
}
.button3:hover{
  opacity: .8;
}
.button5{
  width:220px ;
  height: 40px;
  line-height: 40px;
  margin-bottom: 20px;
  color: #ff6769;
  border: 1px solid #ff6769;
  background-color: #fff;
  cursor: pointer;
  border-radius: 3px;
  text-align: center;
}
.button5:hover{
  color: #45a2ff;
  border:1px solid #45a2ff;
}

//底部
.easytrip-footer{
  border-top:1px solid #e1e1e1;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size:16px;
  color: #4f4f4f;
}

//高级搜索弹框
.hysearchfrom{
  width: 1630px;
  -webkit-box-shadow: 3px 3px 0px #dbdbdb;
  -moz-box-shadow: 3px 3px 0px #dbdbdb;
  box-shadow: 3px 3px 0px #dbdbdb;
  z-index: 2;
  position: absolute;
  background-color: #fff;
  left: 0px;
  top:0;
  color: #656565;
  padding: 20px;
  display: none;
  p{
    height: 50px;
    font-size:18px;
  }
  .bottom-btn{
    width: 100%;
  }
  .layui-form-item{
    float: left;
    clear: none;
    margin-bottom: 30px;
    .layui-form-label{
      width: 88px;
    }
    .layui-input-inline{
      width: 250px;
    }
    .layui-inline{
      margin-right: 0;
      margin-bottom: 0;
      display: block;
      .layui-form-radio{
        float: left;
        margin-left: 30px;
      }
    }
    .layui-input-block{
      margin-left: 0;
    }
    .layui-input{
      border-radius: 3px;
    }
    .layui-btn,#cancel-btn{
      color: #fff;
      background-color: #ffaa25;
      margin-right:50px;
      width: 120px;
      border-radius: 5px;
      margin-left: 0;
    }

    #cancel-btn{
      background-color: #fff;
      color: #000;
      border:1px solid #cccccc;
      height: 38px;
      line-height: 38px;
      text-align: center;
      display: inline-block;
      cursor: pointer;
    }
    #cancel-btn:hover{
      border-color: #45a2ff;
    }
    .layui-btn.layui-btn-primary{
      background-color: #fff!important;
      color: #000!important;
      border: none;
      padding: 0;
      text-align: left;
    }
    .layui-btn-primary:hover{
      color: #45a2ff!important;
    }
  }
}
//批量修改弹框
.layui-layer{
  #batch-processing,#add-newroom{
    color: #2a2a2a;
    font-size: 16px;
    .batch-processinghead{
      width: 100%;
      height:55px ;
      line-height: 55px;
      text-align: center;
      font-size: 20px;
      color: #2a2a2a;
    }
    .line{
      height: 1px;
      background-color: #cccccc;
      width: 560px;
      position: absolute;
      top: 55px;
      left:0;
    }
    background-color: #fff;
    position: absolute;
    .layui-form-item{
      margin-top: 19px;
      .layui-form-label{
        width: 145px;
      }
      .layui-input-inline{
        line-height: 36px;
      }
    }
  }
  .layui-layer-btn{
    padding-top: 0;
    margin-top: -30px;
    .layui-layer-btn0{
      border-color: #ffc468;
      background-color: #ffc468;
      color: #fff;
    }
    a{
      height: 38px;
      line-height: 38px;
      color: #2a2a2a;
      width: 134px;
      margin: 5px 40px 0;
    }
  }
}
//分页通用样式
.layui-laypage .layui-laypage-limits {
  height: 36px;
  width: auto!important;
  color: #727272;
  select {
    height: 30px;
    color: #727272;
  }
}
span.layui-laypage-limits{
  width: auto;
}
.layui-laypage .layui-laypage-skip{
  width: auto;
  button:hover{
    background-color: @base-color;
    color: #fff!important;
  }
}
 /*.layui-laypage{
    margin: 0 auto;
   color: #727272;
   box-sizing: border-box;
    a{
      text-align: center;
      padding: 0;
      width: 38px;
      height:34px;
      line-height: 34px;
      color: @base-color;
    }
   span{
     text-align: center;
     padding: 0;
     width: 38px;
     height:34px;
     line-height: 34px;
     color: @base-color;
   }
    button,input{
      height:34px;
      line-height: 34px;
      width: 38px;
      padding: 0;
      color: @base-color;
    }
    .layui-laypage-skip{
      width: auto;
    }
   layui-laypage-limits{
     width: 100px;
     height: 34px;
     select{
       height: 34px!important;
       color: #727272!important;
     }
   }
  }*/
//表格统一样式
.layui-table thead tr{
  background-color: #e7eef4!important;
  height: 50px;
  font-size: 16px!important;
  color: #2a2a2a;
}
.laytable-cell-1-6{
  text-align: left;
}
.layui-table[lay-size=lg] td, .layui-table[lay-size=lg] th{
  padding:15px 20px!important;
}
.layui-table-cell{
  padding: 0 20px!important;
  .layui-btn-mini{
    padding:0 5px 0 0 ;
  }
  a:hover{
    color: #595959!important;
  }
}
//表单前面的内容样式
.layui-form-pane .layui-form-label {
  width: 90px!important;
  padding: 8px 10px!important;
  height: 38px;
  line-height: 20px;
  border: 1px solid #e6e6e6;
  border-radius: 2px 0 0 2px;
  text-align: right!important;
  background-color: #FBFBFB;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: border-box;
  color: #404040;
}
//下拉框样式
.layui-form-select dl{
  padding:0!important;
}



